<template>
	<!-- 组件结构 -->
	<div class="stu">
		<h2 @click="showName">学生名称:{{name}}</h2>
		<h2>学生性别:{{sex}}</h2>
	</div>
</template>

<script>
	// 引入混合
	import {mixin,hunhe} from '../mixin.js'
	// 组件交互相关的代码(数据、方法等)
	// 创建school组件
	export default {
		name:'Student',
		// data 要写成函数式
		data(){
			return{
				name:'老王',
				sex:'男',
			};
		},
		// methods:{
		// 	showName(){
		// 		alert(this.name);
		// 	}
		// },
		
		mixins:[mixin,hunhe]
	};
	// export default school
</script>

<style>
	/* 组件的样式 */
	.stu{
		background-color: #55aa7f;
		color: #FF5500;
	}
</style>
